<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/view/common/easycommon.jsp"%>
<!DOCTYPE html>
<html>
<head>
    <title>数据字典管理界面</title>
    <meta charset="utf-8">
    <style>
    	html, body{ margin:0; height:100%; }
    	table{font-size:14px;border: 1px solid #DDDDDD;border-collapse:collapse;}
    	td{padding:5px;border: 1px solid #DDDDDD}
    	.input{width:250px;margin:4px;height:35;border: 1px solid #ccc;font-size:18px;border-radius:4px}
    	label{margin:4px}		
    	.btn{width:100px;height:35px;border-radius:4px;background:#6CAEF5;font-size:18px;margin:15px}
    	.sptit{font-size:28px;padding:25px}	
    </style>
    <script>
    
    $(function(){
    	var datagrid; //定义全局变量datagrid    
    	
        datagrid = $('#baseType').datagrid({
    		rownumbers:true,
    		singleSelect:true,
    		pagination:true,
    		//fit: true, //datagrid自适应宽度
            fitColumn: true, //列自适应宽度
            striped: true, //行背景交换
            nowap: false, //列内容多时自动折至第二行
            border: false,
            idField: 'id', //主键
            width:1432,
            height:'350',
    		url:"${path}/oaReport/personIncome",
    		columns:[[
    			{field:'name',title:'销售顾问',width:100,'sortable':true,fitColumns:true },    			
    			{field:'January',title:'一月',width:100,'sortable':true,fitColumns:true },
    			{field:'February',title:'二月',width:100,'sortable':true,fitColumns:true },
    			{field:'March',title:'三月',width:100,'sortable':true,fitColumns:true },
    			{field:'April',title:'四月',width:100,'sortable':true,fitColumns:true },
    			{field:'May',title:'五月',width:100,'sortable':true,fitColumns:true },
    			{field:'June',title:'六月',width:100,'sortable':true,fitColumns:true },
    			{field:'July',title:'七月',width:100,'sortable':true,fitColumns:true },
    			{field:'August',title:'八月',width:100,'sortable':true,fitColumns:true },
    			{field:'September',title:'九月',width:100,'sortable':true,fitColumns:true },
    			{field:'October',title:'十月',width:100,'sortable':true,fitColumns:true },
    			{field:'November',title:'十一月',width:100,'sortable':true,fitColumns:true },
    			{field:'December',title:'十二月',width:100,'sortable':true,fitColumns:true },
    			{field:'total',title:'总计',width:100,'sortable':true,fitColumns:true }
    		]]
    	})
  
     var pager = datagrid.datagrid('getPager');   
    pager.pagination({
  	               total:2000,
  	               pageSize:10, 	
  	               pageNumber:1,
  	               pageList:[10,20,30],  	               
  	               loading:true,
  	               showPageList:true,
  	               showRefresh:true,
  	               beforePageText:'当前页数',
  	               afterPageText:' 共{pages}页',
  	               displayMsg:'共{total}条记录',  	           
  	           });   

	var personPayment; //定义全局变量datagrid    
	
	personPayment = $('#personPayment').datagrid({
		rownumbers:true,
		singleSelect:true,
		pagination:true,
		//fit: true, //datagrid自适应宽度
        fitColumn: true, //列自适应宽度
        striped: true, //行背景交换
        nowap: false, //列内容多时自动折至第二行
        border: false,
        idField: 'id', //主键
        width:1432,
        height:'350',
		url:"${path}/oaReport/personPayment",
		columns:[[
			{field:'name',title:'销售顾问',width:100,'sortable':true,fitColumns:true },    			
			{field:'January',title:'一月',width:100,'sortable':true,fitColumns:true },
			{field:'February',title:'二月',width:100,'sortable':true,fitColumns:true },
			{field:'March',title:'三月',width:100,'sortable':true,fitColumns:true },
			{field:'April',title:'四月',width:100,'sortable':true,fitColumns:true },
			{field:'May',title:'五月',width:100,'sortable':true,fitColumns:true },
			{field:'June',title:'六月',width:100,'sortable':true,fitColumns:true },
			{field:'July',title:'七月',width:100,'sortable':true,fitColumns:true },
			{field:'August',title:'八月',width:100,'sortable':true,fitColumns:true },
			{field:'September',title:'九月',width:100,'sortable':true,fitColumns:true },
			{field:'October',title:'十月',width:100,'sortable':true,fitColumns:true },
			{field:'November',title:'十一月',width:100,'sortable':true,fitColumns:true },
			{field:'December',title:'十二月',width:100,'sortable':true,fitColumns:true },
			{field:'total',title:'总计',width:100,'sortable':true,fitColumns:true }
		]]
	})

 var pager2 = personPayment.datagrid('getPager');   
pager2.pagination({
	               total:2000,
	               pageSize:10, 	
	               pageNumber:1,
	               pageList:[10,20,30],  	               
	               loading:true,
	               showPageList:true,
	               showRefresh:true,
	               beforePageText:'当前页数',
	               afterPageText:' 共{pages}页',
	               displayMsg:'共{total}条记录',  	           
	           });       
})
</script>
</head>
<body>
	<span class="sptit">个人总计</span>
	
	
	<div style="height:40%;margin:15px;width:482px">
 	<table id="baseType" title="人员月度合同报表）" class="easyui-datagrid"
			singleSelect="true" iconCls="icon-save">
	</table>
	</div>
	
	<div style="height:40%;margin:15px;width:482px">
 	<table id="personPayment" title="人员月度消费报表" class="easyui-datagrid"
			singleSelect="true" iconCls="icon-save">
	</table>
	</div>
	
	
	
</html>
